<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
   <div id="div">
       <input type="text" v-model="xing">
       <input type="text" v-model="ming">
   </div>
</body>
<script>
   var vm = new Vue({
       el:"div",
       data:{xing:"", ming:""},
       //侦听器
       watch:{
           xing:function (newVal,oldVal) { //当xing的值发生变化时，会调用
               //发送异步请求从服务器获取数据，进行处理
               //newVal为更改后的值，oldVal为更改前的值
           },
           ming:function (newVal,oldVal) { //当ming的值发生变化时，会调用
               
           }
       }
   });
</script>
</html>
